<template>
  <view class="content">
    <view class="border-btn" @click="onClickBtn">
      {{ btnText }}
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      title: 'Hello'
    }
  },
  props: {
    btnText: {
      type: String,
      default: '按键文字'
    },
    btnData: {
      type: Object,
      default: () => {
        return {}
      }
    }
  },
  onLoad() {},
  methods: {
    onClickBtn() {
      this.$emit('onClickBtn', this.btnData)
    }
  }
}
</script>

<style scoped>
.border-btn {
  padding: 29rpx;
  flex: 1;
  background: rgba(55, 126, 251, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  letter-spacing: 2px;
}
</style>
